import { sector } from './component/sector';
import { arrow } from './component/arrow';

export default {
    GreenRightArrow: {
        name: 'greenRightArrow',
        type: 'arrow',
        component: arrow.GreenRightArrow
    },
    GreenLeftArrow: {
        name: 'greenLeftArrow',
        type: 'arrow',
        component: arrow.GreenLeftArrow
    },
    RedRightArrow: {
        name: 'redRightArrow',
        type: 'arrow',
        component: arrow.RedRightArrow
    },
    RedLeftArrow: {
        name: 'redLeftArrow',
        type: 'arrow',
        component: arrow.RedLeftArrow
    },
    OrangeRightArrow: {
        name: 'orangeRightArrow',
        type: 'arrow',
        component: arrow.OrangeRightArrow
    },
    OrangeLeftArrow: {
        name: 'orangeLeftArrow',
        type: 'arrow',
        component: arrow.OrangeLeftArrow
    },
    YellowRightArrow: {
        name: 'yellowRightArrow',
        type: 'arrow',
        component: arrow.YellowRightArrow
    },
    YellowLeftArrow: {
        name: 'yellowLeftArrow',
        type: 'arrow',
        component: arrow.YellowLeftArrow
    },
    greenSectorLeftTop: {   
        name: 'greenSectorLeftTop',
        type: 'sector',
        component: sector.GreenSectorLeftTop
    },
    
    greenSectorRightTop: {
        name: 'greenSectorRightTop',
        type: 'sector',
        component: sector.GreenSectorRightTop
    },
    greenSectorLeftBottom: {
        name: 'greenSectorLeftBottom',
        type: 'sector',
        component: sector.GreenSectorLeftBottom
    },
    greenSectorRightBottom: {
        name: 'greenSectorRightBottom',
        type: 'sector',
        component: sector.GreenSectorRightBottom
    },
    redSectorLeftTop: {
        name: 'redSectorLeftTop',
        type: 'sector',
        component: sector.RedSectorLeftTop
    },
    redSectorRightTop: {
        name: 'redSectorRightTop',
        type: 'sector',
        component: sector.RedSectorRightTop
    },
    redSectorLeftBottom: {
        name: 'redSectorLeftBottom',
        type: 'sector',
        component: sector.RedSectorLeftBottom
    },
    redSectorRightBottom: {
        name: 'redSectorRightBottom',
        type: 'sector',
        component: sector.RedSectorRightBottom
    },
    orangeSectorLeftTop: {
        name: 'orangeSectorLeftTop',
        type: 'sector',
        component: sector.OrangeSectorLeftTop
    },
    orangeSectorRightTop: {
        name: 'orangeSectorRightTop',
        type: 'sector',
        component: sector.OrangeSectorRightTop
    },
    orangeSectorLeftBottom: {
        name: 'orangeSectorLeftBottom',
        type: 'sector',
        component: sector.OrangeSectorLeftBottom
    },
    
    orangeSectorRightBottom: {
        name: 'orangeSectorRightBottom',
        type: 'sector',
        component: sector.OrangeSectorRightBottom
    },
    yellowSectorLeftTop: {
        name: 'yellowSectorLeftTop',
        type: 'sector',
        component: sector.YellowSectorLeftTop
    },
    yellowSectorLeftBottom: {
        name: 'yellowSectorLeftBottom',
        type: 'sector',
        component: sector.YellowSectorLeftBottom
    },
    yellowSectorRightTop: {
        name: 'yellowSectorRightTop',
        type: 'sector',
        component: sector.YellowSectorRightTop
    },
    yellowSectorRightBottom: {
        name: 'yellowSectorRightBottom',
        type: 'sector',
        component: sector.YellowSectorRightBottom
    }
}